var slide = true;
$(document).ready(function() {
	
	setTimeout(function() { //begin opstelling
		$("#Menu_Content").find("li").each(function() {
			if($(this).html() == "Algemene informatie")
			{
				$(this).click();
				return true;
			}
		});
	}, 750);
	
	$("#Menu_Content ul li").click(function() {
		if(slide && ($(this).html().indexOf("<a") == -1))
		{
			slide = false;
			console.log($(this).html());
			var object = $(this).next();
			object.slideToggle("slow", function() {
				slide = true;
			});
		}
	});
	
	function switchContent(object)
	{
		if(object.attr("href").indexOf("www.") == -1)
		{
			$.ajax({
				url: object.attr("href"),
				type: "GET",
				success: function(data) {
					$("#Content_Border_Content_Text").slideUp(1500, "easeInOutCirc", function() {
						$("#Content_Border_Content_Text").html(data);
						setTimeout(function() { //Dit is om plaatjes te laden, anders werkt de slideDown niet goed(De browser(Firefox) ziet de hoogte van de text, maar niet van de plaatjes(Omdat het volledig is geladen is lijkt me))
							$("#Content_Border_Content_Text").slideDown(1500, "easeInOutCirc", function() {
								$("#Content_Border_Content_Text a").click(function() {
									return switchContent($(this));
								});
							});
						}, 50);
					});
				}
			});
			return false;
		}	
	}
	
	$("a").click(function() {
		return switchContent($(this));
	});
});